<template>
  <div class="top">
    <div class="totalTop">
      <img src="../../assets/3king/断货王/back.png" alt="" class="back" @click="doBack">
      <span class="font_d">阿拉粉心得</span>
      <img src="../../assets/3king/断货王/share.png" alt="" class="share">
    </div>
    <div class="feel">
      <router-link to="/xinde/quanbuxinde" class="dzc">
        <div class="feel-1">全部心得</div>
      </router-link>
      <router-link to="/xinde/shaitu" class="man">
        <div class="feel-2">晒图</div>
      </router-link>
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
  export default {
    methods: {
      doBack(){
        this.$router.go(-1)
      }
    }
  }
</script>
<style scoped>
  .totalTop{
    background: #e53e42;
    height: 2.13rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .back{
    width: 0.51rem;
    height: 0.84rem;
    margin-left: 0.44rem;
  }
  .font_d{
    font-size: 0.8rem;
    color: #fff
  }
  .share{
    height: 0.78rem;
    width: 0.8rem;
    display: inline-block;
    margin-right: 0.44rem;
  }
  .feel{
    display: flex;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.67rem;
    background: white;
    border-bottom: 1px solid gainsboro;
  }
  .dzc{
    display: block;
    flex: 1;
    border-right: 1px solid gainsboro;
  }
  .man{
    display: block;
    flex: 1;
  }
  .router-link-active{
    color: red;
  }
</style>
